<template>
	<view class="content padding-about-24">
		<view class="view margin-top-20 display-flex space-between ">
			<view @click="navigateTo('/pages/Mine/Page/Page?id=4')" class="display-flex flex-direction-column center align-items">
				<image :src="imgaeUrl('/static/mine/pt.png')" style="width: 88rpx;height: 88rpx;" mode=""></image>
				<view class="font-size-24 margin-top-10" style="color: #7C7C7C;">
					 运营资质
				</view>
			</view>
			<view @click="navigateTo('/pages/Mine/Page/Page?id=3')" class="display-flex flex-direction-column center align-items">
				<image :src="imgaeUrl('/static/mine/xs.png')" style="width: 88rpx;height: 88rpx;" mode=""></image>
				<view class="font-size-24 margin-top-10" style="color: #7C7C7C;">
					入门手册
				</view>
			</view>
			<view @click="navigateTo('/pages/Mine/Page/Page?id=1')" class="display-flex flex-direction-column center align-items">
				<image :src="imgaeUrl('/static/mine/xy.png')" style="width: 88rpx;height: 88rpx;" mode=""></image>
				<view class="font-size-24 margin-top-10" style="color: #7C7C7C;">
					用户协议
				</view>
			</view>
			<view @click="navigateTo('/pages/Mine/Page/Page?id=2')" class="display-flex flex-direction-column center align-items">
				<image :src="imgaeUrl('/static/mine/zc.png')" style="width: 88rpx;height: 88rpx;" mode=""></image>
				<view class="font-size-24 margin-top-10" style="color: #7C7C7C;">
					隐私政策
				</view>
			</view>
		</view>
		<view class="view margin-top-20" style="padding: 0;overflow: hidden;">
			<uv-collapse>
				<uv-collapse-item v-for="item,index  in list" :key="index" :title="item.title" name="Docs guide">
					<uv-parse :content="item.content"></uv-parse>
				</uv-collapse-item>
			</uv-collapse>
		</view>
		<view class="position-absolute transform-translate-left" style="bottom: 5%;left: 50%;">
			<button open-type="contact" session-from="weapp"  class="button color-FFF font-size-28 margin-top-50 display-flex align-items center"
				style="width: 680rpx;">
				<view class="margin-top-08">
					<uv-icon name="phone" color="#FFFFFF" size="20"></uv-icon>
				</view>
				<view class="">
					客服热线
				</view>
			</button>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from 'vue';
	import {
		onLoad,
		onShow,
		onReady,
		onReachBottom
	} from '@dcloudio/uni-app';
	import {
		imgaeUrl,
		nativeUI,
		navigateTo,
		navigateBack
	} from '@/utils/index.js';
	import * as api from '@/request/app.js'; // 引入api 方法
	import local from '@/utils/localStorage.js'; //引入本地存储方法
	onLoad(function(option) {
		helpLists()
	});
	const list = ref([])
	onShow(function() {});
	async function helpLists() {
		const {
			code,
			data
		} = await api.helpLists({
			limit: 99999
		})
		if (code == 0) {
			list.value = data.data
		}
	}
	onReady(function() {});
	onReachBottom(function() {});
</script>

<style scoped lang="scss">
	::v-deep .uv-cell__title-text {
		font-size: 28rpx !important;
		font-weight: 500;
	}

	.view {
		padding: 32rpx 44rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 0, 0, 0.1);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
	}
</style>